body {
font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;
/*font-size: 18px;*/
background: url(../../images/bckgrd.jpg);
} 

#main{
 margin-left: auto;
    margin-right: auto;
    width: 920px;
}
#info{
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-image: none;
    border-radius: 0 0 10px 10px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    margin-left: 20px;
    margin-right: 20px;
    overflow: auto;
    padding: 0 20px 20px;
    min-width: 933px;
}
#column_right{
	float:left;
	/*width: 68%;*/
	width: 28.5%;
}
#column_left{
	background-color: rgb(255, 255, 255);
    float: right;
    width: 70%;
}
.border{
	border: 2px solid rgb(232, 232, 232);
    border-radius: 5px 5px 5px 5px;
}
.subpaneles {
    min-height: 162px;
}
#welcome{
	color: #B3B3B3;
    font-size: 22px;
    font-weight: 500;
}
#patient {
	background-color: rgb(255, 255, 255);
    width: 99%;
	padding-bottom: 10px;
}
#patient_gnl{
 border-bottom: 1px solid rgb(204, 204, 204);
    clear: both;
    height: 115px;
    padding: 10px 5px 0;
	margin-bottom: 5px;
}
.patient_info_left {
    margin-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.patient_info_left span {
    color: rgb(94, 186, 182);
    font-weight: bold;
}

.patient_info_left > p {
    color: #746363;
    font-size: 17px;
    margin-top: 0;
}

.patient_info_left h2 {
    color: #D2CCCC;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
}

.patient_secondary {
    font-size: 14px;
	color: #858585;
}

.patient_info_left li {
    color: #746363;
    font-size: 17px;
    list-style: none outside none;
}

.patient_secondary h2 {
   /* color: rgb(98, 96, 96);
    font-size: 16px;
    font-weight: 600;*/
	 clear: both;
    color: #626060;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}
.patient_secondary .title_normal {
    color: #31B6AC;
    font-size: 14px;
    font-weight: 400;
}
.patient_secondary ul {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCACA;
    margin-bottom: 5px;
    margin-top: -2px;
    padding: 0 0 20px;
}

.patient_secondary ul li {
    margin-bottom: 5px;
    margin-top: 5px;
	list-style: none outside none;
}
.patient_secondary ul li p {
    color: rgb(146, 143, 143);
    font-size: 14px;
    font-weight: 600;
    line-height: 142%;
    margin: 0;
}
.patient_secondary .info{
overflow: hidden;
}

.patient_secondary .title {
    color: rgb(49, 182, 172);
     font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}
.patient_secondary .title a {
    color: rgb(49, 182, 172) !important;
    text-decoration: none;
}
.patient_secondary .desc{

}
.wrapper_clinico_meds{
	background-color: #FFFFFF;
    border: 1px solid #E8E8E8;
    color: #746363;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 18px;
    padding-top: 10px;
    width: 96.6%;
}
.wrapper_clinico_meds h1{
	color: rgb(132, 131, 131);
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}
.title2 h2{
	
}
.border_white{
	background-color: rgb(255, 255, 255);
    border: 2px solid rgb(232, 232, 232);
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 5px;
    margin-top: 5px;
	font-size: 14px;
}
/*
 * TABS
*/

ul.tabNav { margin: 0; padding: 0; font-size: 13px;}
ul.tabNav { float: left; list-style: none; width: 100%; border: medium none; }
ul.tabNav li { float: left; margin: 0 1px 0 0; padding: 6px 0 0;
	font-size: 0.8em;
    vertical-align: bottom;
    text-align: left;
}
ul.tabNav li.current { padding-top: 0;
	font-weight: bold;
	font-size: 0.8em;
    vertical-align: bottom;
    text-align: left;
}
ul.tabNav a { background:#A7A7A7; border: 1px solid #FFFFFF; border-width: 1px 1px 0; color: #333; display: block; padding: 4px 4px 5px 4px; text-decoration: none;font-size: 13px; }
ul.tabNav li.current a { background:#D7DFE7 ;padding: 8px; }

div.tabContainer { clear: both; width: 100%;overflow: auto;/*width: 308px;*/ }
div.tabContainer div.tab { border: 1px solid #FFFFFF; color: #000; display: none; padding: 10px; }
div.tabContainer div.current { display: block; }
div.tab {  background: #FFFFFF none repeat scroll 0 0; margin-bottom: 10px;width:368px; min-height: 70px;}
div.tab_long { 	min-height: 180px; background: #FFFFFF none repeat scroll 0 0; margin-bottom: 10px;width:100%;}
div.tab p:last-child { margin-bottom: 0; }

div.tab table td {
	padding-right: 1px; padding-bottom: 0px;
	font-size: 12px !important;
	color: rgb(94, 186, 182);
}

div.tab table td b {
    color: rgb(135, 132, 132);
}

div.tab table td.label {
	color: rgb(116, 99, 99);
    font-size: 12px;
    min-width: 80px;
    padding-right: 5px;
    text-align: right;
}

div.tab table td.data {
	min-width:120px; /*170px*/
	font-size: 12px !important;
	color: rgb(94, 186, 182);
    font-weight: bold;
}

div.notab {
    /*background: #D7DFE7 none repeat scroll 0 0; margin-bottom: 10px; width:100%;*/
}

div.notab-right {
    background: #D7DFE7 none repeat scroll 0 0; margin-bottom: 10px; width:100%;
}

.section-header {
	
}

.section-header-dynamic {
	margin-bottom:5px;
}

.summary_item {
/*	 background:#D7DFE7; padding:8px;*/
}
#signos_ps_expand span {
     color: rgb(116, 99, 99);
    font-size: 14px;
}
#signos{
	overflow: visible;
    padding: 0 10px 10px;
}
#personPopupContainer
{
    position:absolute;
    display:none;
    z-index: 20000;
	min-width: 430px;
}

.personPopupPopup
{
}

#personPopupContent
{
     background-color: #FFFFFF;
    /*max-height: 600px;*/
    min-height: 50px;
    min-width: 500px;
    /*overflow: scroll;*/
}

.personPopupPopup .personPopupImage
{
    margin: 5px;
    margin-right: 15px;
}

.personPopupPopup .corner 
{
    width: 19px;
    height: 15px;
}
    
.personPopupPopup .topLeft 
{
    background: url(../../images/personpopup/balloon_topLeft.png) no-repeat;
}
    
.personPopupPopup .bottomLeft 
{
    background: url(../../images/personpopup/balloon_bottomLeft.png) no-repeat;
}
    
.personPopupPopup .left 
{
    background: url(../../images/personpopup/balloon_left.png) repeat-y;
}
    
.personPopupPopup .right 
{
    background: url(../../images/personpopup/balloon_right.png) repeat-y;
}
    
.personPopupPopup .topRight 
{
    background: url(../../images/personpopup/balloon_topRight.png) no-repeat;
}
    
.personPopupPopup .bottomRight 
{
    background: url(../../images/personpopup/balloon_bottomRight.png) no-repeat;
}
    
.personPopupPopup .top 
{
    background: url(../../images/personpopup/balloon_top.png) repeat-x;
}
    
.personPopupPopup .bottom 
{
    background: url(../../images/personpopup/balloon_bottom.png) repeat-x;
    text-align: center;
}
.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: #D9D9D9;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
}
#simplemodal-container a.modalCloseImg {
	background:url(../../images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}
#header_mainmenu {
	margin-bottom:10px;
	height: 140px;
}
#header_mainmenu > a {
	float:left;
	display:block;
	color:#fff;
	text-decoration:none;
	transition: all 0.1s linear 0s;
}

#header_mainmenu > a:hover {
    transform: scale(0.95, 0.95);
}

#header_mainmenu .mm_logo, #header_mainmenu .mm_home, #header_mainmenu .mm_wishlist, #header_mainmenu .mm_account, #header_mainmenu .mm_checkout, #header_mainmenu .mm_shopcart {
	margin-right: 3px;
	/*width:265px;*/
	width:220px;
	height:150px;
}
#header_mainmenu a.mm_home, #header_mainmenu a.mm_wishlist, #header_mainmenu a.mm_account, #header_mainmenu a.mm_checkout, #header_mainmenu a.mm_shopcart {
	margin-right: 2px;
	/*width:100px;*/
	width:109px;
	padding-top:115px;
	padding-left:20px;
	padding-right:20px;
	height:35px;
	font-size: 14px;
}

#signos table {
    font-size: 13px;
}
.btnNav{

}
#main_toolbar {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
#column_historial {
    background-color: #FFFFFF;
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 99%;
}
.historial_paciente {
    padding-left: 10px;
    padding-right: 10px;
}
.historial_paciente span {
    color: #777777;
    font-weight: bold;
	font-family: 'Source Sans Pro',Arial,Helvetica,sans-serif;
    font-size: 18px;
}
.enlace_grafico {
    border: 1px solid;
    float:right !important;
    background-color: #FFFFFF !important;
    color: #9A9A9A  !important;
    font-size: 11px;
    font-weight: bold !important;
    padding: 3px 6px;
    text-decoration: none !important;
    text-transform: uppercase;
}

.enlace_grafico:hover {
    background-color: #43ACA4 !important;
    color: #FFFFFF  !important;
}

.mi_accordion{
float: left;
margin-bottom: 10px;
}
#current_patient a{
color:#fff;
}

#submenu a{
	background-color: #68B0A7;
    color: #FFFFFF;
    font-size: 26px;
    margin-left: 5px !important;
    margin-right: 0;
    padding: 8px 15px;
    text-decoration: none;
}
#submenu a:hover {
    background-color: #898484;
    border: 1px solid;
    color: #FEFBFB;
}

#toolBar{
	margin: 5px auto 20px;
    text-align: right;
}

#consulta_medica {
	padding: 15px;
        min-height: 545px;
}
#consulta_medica h3{
	color: #A3A3A3;
    margin-bottom: 0;
    margin-top: 0;
}
/* --- Headings  --- */
#encounter_forms h1 {
  margin-bottom:1em; 
  font-family:georgia,'times new roman',times,serif; 
  font-size:2.5em; 
  font-weight:normal; 
  color:#c30
}
#encounter_forms h2 {margin-bottom:1em; padding:3px; background-color:#A2A2A2}
#encounter_forms h2,#encounter_forms  h3{font-size:1em;padding-bottom: 10px;}

#encounter_forms .eventos {
  /*margin:1.5em 0;
  padding:1.5em 1.5em 0.75em;
  border:1px solid #ccc;*/
  position:relative;
  overflow:hidden
}
#encounter_forms .collapse p {padding:0 10px 1em}

#encounter_forms .switch {position:absolute; top: 5px; right: 0.5em; padding:3px}

.expand{padding-bottom:.75em}

/* --- Links  --- */
#encounter_forms a:link, #encounter_forms a:visited {
  border: 1px dotted #CCCCCC;
  color: #A2A2A2;
  text-decoration: none !important;
}
#encounter_forms a:hover, #encounter_forms a:active, #encounter_forms a:focus {
  border-style:solid;
  background-color:#f0f0f0;
  text-decoration:underline;
  outline:0 none
}
#encounter_forms a:active, #encounter_forms a:focus {
  /*color:red;*/
}
.expand a {
  display:block;
  padding:3px 10px
}
.expand a:link, .expand a:visited {
  border-width:1px;
  background-image:url(arrow-down.gif);
  background-repeat:no-repeat;
  background-position:98% 50%;
}
.expand a:hover, .expand a:active, .expand a:focus {
}
.expand a.open:link, .expand a.open:visited {
  border-style:solid;
  background:#eee url(arrow-up.gif) no-repeat 98% 50%;
}
.divConsulta {
    border: 1px dotted #CCCCCC;
    margin-bottom: 10px;
    padding: 10px;
	min-height: 35px;
}
#encounter_forms .switch a {
    color: #FFFFFF !important;
    font-size: 16px;
    font-style: italic;
}
#encounter_forms .switch a:hover {
    /*background-color: rgba(0, 0, 0, 0);*/
    color: #FFFFFF;
}
.titulo_vitals {
    background-color: #FFFFFF;
    border: 2px solid #E8E8E8;
    border-radius: 5px 5px 0 0;
    color: #43ACA4 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center !important;
}
.tabla_vitals2 {
    background-color: #FFFFFF;
    border: 2px solid #E8E8E8;
    padding-bottom: 5px;
    padding-top: 5px;
}
.tabla_vitals {
    background-color: #FFFFFF;
    border: 2px solid #E8E8E8;
    border-radius: 0 0 5px 5px;
    margin-top: -1px;
    overflow-x: scroll;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 781px;
}
.divEncuesta {
    border: 1px dotted #CCCCCC;
    font-size: 11px !important;
    margin: 0 15px 13px 0;
    width: 50%;
}
.paciente_documento {
    color: #5EBAB6;
    font-size: 14px !important;
    font-weight: bold !important;
    margin-left: 10px;
}

.boton_normal {
    border: 1px solid !important;
    background-color: #FFFFFF !important;
    color: #9A9A9A !important;
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 3px 6px !important;
    text-decoration: none !important;
}

.boton_normal:hover {
    border: 1px solid !important;
    background-color: #43ACA4 !important;    
    color: #FFFFFF  !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 3px 6px !important;
}